<template>
  <div class="assets-block">
    <div class="title flex-left">
      <img src="../../assets/img/title.png">
      <span>代扣监控</span>
    </div>
    <el-table :data="withhold" stripe header-cell-class-name="headerStyle" style="width: 100%">
      <el-table-column align="center" label="钱包">
        <template slot-scope="item">
          <el-tooltip effect="dark" :content="item.row.address" placement="top">
            <span>{{item.row.type === 1? '代扣':'钱包'}}</span>
          </el-tooltip>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="balance" label="地址"></el-table-column>
      <el-table-column align="center" label="余额">
        <template slot-scope="item">
          <span>{{item.row.number}}</span>
          <i class="iconfont iconzhuangtaixiugai edit" @click="edit(item.row)"></i>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <pages
      :pages="pages"
      :total="pages.total"
      @pageSizeChange="pageSizeChange"
      @pageChange="pageChange"
    ></pages>
  </div>
</template>

<script>
import Pages from "@/components/PageBox.vue";
export default {
  data() {
    return {
      withhold: [],
      pages: {
        page: 1,
        size: 10,
        total: 10
      }
    };
  },
  methods: {
    pageSizeChange() {},
    pageChange() {}
  },
  components: {
    Pages
  }
};
</script>

